<!DOCTYPE html>
<html lang="en" id="app" ng-csp="no-unsafe-eval">
<head>
	<meta charset="utf-8"/>
	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="description" content="Third Light Chorus">
	<title></title>

	<link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://j.thirdlight.com/chorus/assets/favicons/apple-touch-icon-57x57.png"/>
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://j.thirdlight.com/chorus/assets/favicons/apple-touch-icon-114x114.png"/>
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://j.thirdlight.com/chorus/assets/favicons/apple-touch-icon-72x72.png"/>
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://j.thirdlight.com/chorus/assets/favicons/apple-touch-icon-144x144.png"/>
	<link rel="apple-touch-icon-precomposed" sizes="60x60" href="https://j.thirdlight.com/chorus/assets/favicons/apple-touch-icon-60x60.png"/>
	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="https://j.thirdlight.com/chorus/assets/favicons/apple-touch-icon-120x120.png"/>
	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="https://j.thirdlight.com/chorus/assets/favicons/apple-touch-icon-76x76.png"/>
	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="https://j.thirdlight.com/chorus/assets/favicons/apple-touch-icon-152x152.png"/>
	<link rel="icon" type="image/png" href="https://j.thirdlight.com/chorus/assets/favicons/favicon-196x196.png" sizes="196x196"/>
	<link rel="icon" type="image/png" href="https://j.thirdlight.com/chorus/assets/favicons/favicon-32x32.png" sizes="32x32"/>
	<link rel="icon" type="image/png" href="https://j.thirdlight.com/chorus/assets/favicons/favicon-16x16.png" sizes="16x16"/>

	<meta name="application-name" content="Chorus"/>
	<meta name="msapplication-TileColor" content="#FFFFFF"/>
	<meta name="msapplication-TileImage" content="https://j.thirdlight.com/chorus/assets/favicons/mstile-144x144.png"/>
	<meta name="msapplication-square70x70logo" content="https://j.thirdlight.com/chorus/assets/favicons/mstile-70x70.png"/>
	<meta name="msapplication-square150x150logo" content="https://j.thirdlight.com/chorus/assets/favicons/mstile-150x150.png"/>
	<meta name="msapplication-wide310x150logo" content="https://j.thirdlight.com/chorus/assets/favicons/mstile-310x150.png"/>
	<meta name="msapplication-square310x310logo" content="https://j.thirdlight.com/chorus/assets/favicons/mstile-310x310.png"/>

	<link rel="mask-icon" color="#4D82A8" href="https://j.thirdlight.com/chorus/assets/favicons/pin_mask.svg">
	<!-- main styles preloaded in JS -->
<link rel="stylesheet" href="/chorus/styles.41eebaf27e287f4a5fc3.css"></head>
<body>
	<!-- This is copied from redirecting.html, so that the loading page matches the styling, but can be changed later -->
	<div ng-if="readyState == LOADING" class="site-container redirecting background-anim">
		<div class="redirecting-content">
			<div class="redirect-box">
				<div class="box-content">
					<span class="title">Loading…</span>
				</div>
			</div>
		</div>
	</div>
	<div ng-if="readyState == FAILED" class="site-container failed site-failed background-anim" ng-cloak="">
		<div class="error-container">
			<img src="https://j.thirdlight.com/chorus/assets/favicons/oops.svg" width="90" height="90" style="margin-bottom: 10px;"/><br>
			<div class="error-text">Can't connect to Chorus server</div>
			<div class="error-desc">
				<p>
					Contact your site administrator to fix this
				</p>
			</div>
		</div>
	</div>
	<div ng-if="readyState == SITE_NOT_FOUND" class="site-container site-not-found background-anim" ng-cloak="">
		<div class="error-container" style="text-align:left;">
				<div class="error-title" style="font-size:20pt;"><b>Site Unavailable</b></div>
				<div class="error-desc" style="text-align:left;">
						<p>
							You have been transitioned to your new PhotoShelter for Brands account so you can continue to manage and share your assets seamlessly.
						</p>
						<br>
						<p>
							<b>What's Next?</b>
						</p>
						<br>
						<ul style="padding-left:20px;">
							<li>Explore your new PhotoShelter for Brands account. Find details on login, data migration, and more <a href="https://3rd.lt/dis01">here</a>.</li>
							<li>Join us for a webinar. Learn more about the PhotoShelter platform and the migration process. Register <a href="https://3rd.lt/dis02">here</a>.</li>
						</ul>
						<br>
						<p>
							We appreciate your partnership and are excited to support you through this transition! If you have questions, please <a href="https://3rd.lt/dis03">get in touch</a>.
						</p>
						<br>
						<p>
							Cheers,<br>The PhotoShelter for Brands Team
						</p>
				</div>
		</div>
	</div>
	<div ng-if="readyState == TRIAL_EXPIRED" class="site-container trial-expired background-anim" ng-cloak="">
		<div class="error-container">
			<div class="error-text">Trial Expired</div>
			<div class="error-desc">
				<p>
					{{trialExpiryDetails.trialUrl}}
				</p>
				<p>
					Your {{trialExpiryDetails.trialDays}} day trial has finished and your site is being held should you wish to upgrade
					to a full version. Please note that your site contents will be deleted
					<span ng-if="trialExpiryDetails.deleteWhen=='TODAY'">today,</span>
					<span ng-if="trialExpiryDetails.deleteWhen=='TOMORROW'">tomorrow,</span>
					<span ng-if="trialExpiryDetails.deleteWhen=='FUTURE'">in {{trialExpiryDetails.deleteDaysRemaining}} days time, on {{trialExpiryDetails.deleteDateFormatted}},</span>
					after which this page will disappear and your site will be permanently removed.
				</p>
				<p class="error-desc-contact">
					To buy Chorus, please contact <a href="mailto:sales@thirdlight.com">Third Light Ltd</a>.
				</p>
			</div>
		</div>
	</div>
	<div ng-if="readyState == READY" class="site-container success" expose-service="router" ng-cloak="" ng-class="{'help-active': helpActive}">

		<div id="index" ng-if="router.getCurrentName() == 'browse'" ng-include="makePath('views/browse/browse.html')"></div>
		<div id="index" ng-if="router.getCurrentName() == 'login'" ng-include="makePath('views/login/login.html')" class="login-main animate"></div>
		<div id="index" ng-if="router.getCurrentName() == 'forgotpass'" ng-include="makePath('views/login/forgotpass.html')"></div>
		<div id="index" ng-if="router.getCurrentName() == 'changepass'" ng-include="makePath('views/login/changepass.html')"></div>
		<div id="index" ng-if="router.getCurrentName() == 'siteterms'" ng-include="makePath('views/login/siteterms.html')"></div>

		<content-stack:></content-stack:>

		<!-- Help system. Needs to be above modals and most things. -->
		<tl-help ng-if="router.getCurrentName() == 'browse'"></tl-help>

		<!-- notifications will be on top of everything -->
		<div ng-include="makePath('views/notifications/notifications.html')"></div>

		<!-- The following is an absolutely position display of the current drag and drop -->
		<div ng-include="makePath('shared/directives/dnd/cursors.html')"></div>

	</div>
<!-- Digital Asset Management software by Third Light Ltd -->
<script src="/chorus/runtime.00a57ee7601be3fa69fc.js" defer></script><script src="/chorus/polyfills.baac25b771851c115b27.js" defer></script><script src="/chorus/scripts.82b482af62f201eb3959.js" defer></script><script src="/chorus/main.8ea1e5598b43d0c19ba1-2.js" defer></script></body>
</html>
